
.current{
    color:red;
    padding: 5px;
    margin:5px;
    border: 1px solid #c5cbc7;
    border-radius:100%; 
}
.num {
	margin:5px;
    padding: 5px;
    border: 1px solid #c5cbc7;
    border-radius:100%; 
}
.next{
    padding: 5px;;
    border: 1px solid #c5cbc7;
}
.prev{
    padding: 5px;
    border: 1px solid #c5cbc7;
}
ul li{
    list-style-type: none;
}
a{
	text-decoration: none;
}
/*
**
*/



.detial-top{
	background-color: #d8e7fa;
	color: #000;
	font-size: 26px;
	height: 70px;
	padding-left: 10%;
	padding-top: 30px;
}

.detial-product{
	border:1px #e8e8e8 solid;
	padding: 5px;
	width: 84%;
	margin: 0 8%;
	height: 600px;
	
}

.detial-product-left{
	float: left;
	width: 30%;
	height:100%;
	

}

.detial-product-left-img{
	width: 100%;
	height: 50%;
}
.detial-product-left-imglist{
	width: 100%;
	height: 15%;
}

.detial-product-middle{
	float: left;
	width: 48%;
	height:100%;
	margin-left: 2%;
	padding-top: 5px;
	
}
.detial-product-middle-title{
	font-size: 20px;
	text-align: center;
	font-weight: 900;


}
.detial-product-middle-info{
	font-size: 20px;
	padding-top: 5px;
	padding-left: 5px;
	height: 25%;
	background-color: #fff2e8;
}
.detial-product-middle-info-left{
	float: left;
	width: 70%;
}

.detial-product-middle-info-right{
	float: left;
	width: 30%;
}
.property-class{
	font-size: 16px;
	margin-top: 20px;

}
.radio-class{
	padding: 20px;
	margin:20px;
}
.num-class{
	position: relative;
	font-size: 16px;
	margin-top: 15px;
	height: 30px;

}

.num-class .class-span{
   position: absolute;
   left: 0px;
   top: 5px;
   width: 50px;
   height: 25px;
  
}
.num-class #des{
	text-decoration: none;
	border:2px #ededed solid;
   font-size: 20px;
   color: black;
	text-align: center;
   display: block;
   position: absolute;
   left: 50px;
   top: 0px;
   width: 30px;
   height: 25px;
   background-color: #ededed;
}

.num-class #add{
	text-decoration: none;
	border:2px #ededed solid;
	font-size: 20px;
	color: black;
	text-align: center;
    display: block;
    position: absolute;
    left: 134px;
    top: 0px;
    width: 30px;
    height: 25px;
    background-color: #ededed;
}
.num-class input{
	padding: 0;
	margin: 0;
	width: 50px;
	height: 25px;
	position: absolute;
    left: 80px;
    top: 0px;
}

.but-class{
	position: relative;
	font-size: 20px;
	margin-top: 10px;
	height: 30px;

}
.but-class #addcart{
	display: block;
	background-color: red;
	width: 180px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	position: absolute;
    left: 0px;
    top: 0px;
}

.but-class #buy{
	display: block;
	background-color: #755bf0;
	width: 130px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	position: absolute;
    left: 200px;
    top: 0px;
}
.detial-product-right{
	float: left;
	width: 20%;
	height:100%;
	
}
.detial-product-right-info{
	width: 90%;
	margin: 0 4%;
	height: 100%;
}
.detial-bottom{
	width: 84%;
	margin: 0 8%;
	border:1px #e8e8e8 solid;
	padding: 5px;
}


/*
* cart detial
*/

.cart-detial{
	width: 90%;
	margin:0 5%;

}

.cart-detial-left{
	width: 65%;
	float: left;
}


.pli{
	clear: both;
	height: 60px;
	line-height: 60px;
	padding-left: 10px;
	border-top:1px #e8e8e8 solid; 
}
.pli-info{
	height: 30px;
	line-height: 30px;
	float: left;
	width: 25%;
	text-align: left;
}
.pli-info a{
	color: red;
	text-decoration: none;
}
.cart-detial-right{
	width: 30%;
	margin-left: 5%;
	float: left;
}
.cart-detial-right-top{
	height: 80px;
	line-height: 80px;
	color: #888888;
	font-weight: 900;
	font-size: 25px;
	border-top:1px #e8e8e8 solid; 
}
.cart-detial-right-price{
	height: 80px;
	line-height: 80px;
	color:  #888888;
	font-size: 20px;
	border-top:1px #e8e8e8 solid; 
}

.cart-detial-right-price .span{
	float: left;
}
.cart-detial-right-price .context{
	float: right;
	color: red;
	
}
.cart-detial-right-btn{
	height: 80px;
	
	border-top:1px #e8e8e8 solid; 
}
.cart-detial-right-btn a{
	margin-top: 10px;
	float: right;
	border-radius: 10%;
	display: block;
	background-color: red;
	height: 40px;
	line-height: 40px;
	width: 80px;
	text-decoration: none;
	color: #fff;
	text-align: center;
}
.cart-detial-right-continue{
	font-size: 20px;
	float: right;
	padding-bottom: 20px;
}
.cart-detial-right-continue a{
	text-decoration: none;
	color: #fa20fa;
}



/*
*
*order
*/
.address-detial{
	width: 90%;
	margin:0 5%; 
	padding-bottom: 30px;

}
.address-detial .tittle{
	height: 40px;
	font-size: 25px;
	color: #888;
	font-weight:500;
}
.address-detial .tittle span{ 
	margin-left: 20px;
}

.address-detial .tittle span a{ 
   color: red;
   text-decoration: none;
   font-size: 15px;
}
.address-detial-pli{
	clear: both;
	height: 60px;
	line-height: 60px;
	padding-left: 10px;
	border-top:1px #e8e8e8 solid; 
}
.pli-r{
	height: 30px;
	line-height: 30px;
	float: left;
	min-width: 5%;
	text-align: center;
}
.pli-c{
	height: 30px;
	line-height: 30px;
	float: left;
	min-width: 12%;
	text-align: center;
}

.pli-c a{
	color: red;
	text-decoration: none;
}
.pli-v{
	height: 30px;
	line-height: 30px;
	float: left;
	margin-left: 1%;
	text-align: center;
}


.address-input{
    width: 90%;
	margin:0 5%;
    padding-bottom: 30px;
}

.address-input .tittle{
	height: 30px;
	font-size: 20px;
	color: blue;
}
.address-input .tittle a{
	text-decoration: none;
	color: red;
}
.address-input-list{
	border-top:1px #e8e8e8 solid; 
	height: 50px;
	line-height: 50px;
}
.address-input-list-top{
	width: 30%;
	float: left;
	margin-right: 3%;
}
.cart-detial .tittle{
	height: 40px;
	font-size: 25px;
	color: #888;
	font-weight:500;
}
.order-detial{
	padding-top: 10px;
	width: 90%;
	margin: 0 5%;
}

.order-detial-context{
	width: 25%;
	float: right;

}
.order-detial-context .price-class{
	height: 60px;
}
.price-class .top{
	width: 100%;
	font-size: 20px;
	height: 25px;
	line-height: 25px;
	text-align: left;
}
.price-class .bottom{
	width: 100%;
	font-size: 20px;
	color: red;
	height: 25px;
	line-height: 25px;
	text-align: right;
}

.order-detial-context .deliver-class{
	min-height: 100px;
}

.deliver-class .top{
	width: 100%;
	font-size: 20px;
	height: 25px;
	line-height: 25px;
	text-align: left;
}
.deliver-class .bottom{
	width: 100%;
	font-size: 20px;
	text-align: right;
}
.deliver-list{
	height: 30px;
	line-height: 30px;
}

.order-detial-context .totalprice-class{
	height: 60px;
	padding-top: 10px;
}
.totalprice-class .top{
	width: 100%;
	font-size: 20px;
	height: 25px;
	line-height: 25px;
	text-align: left;
}
.totalprice-class .bottom{
	width: 100%;
	font-size: 20px;
	color: red;
	height: 25px;
	line-height: 25px;
	text-align: right;
}

.order-btn{
	height: 50px;
	clear: both;
	padding-top: 10px;
	width: 90%;
	margin: 0 5%;
	border-top: 1px #e8e8e8 solid;
	padding-bottom: 10px;
	
}

.order-btn .a{
	margin: 0;
	padding: 0;
	border-style: none;
	float: right;
	display: block;
	height: 40px;
	line-height: 40px;
	width: 80px;
	background-color: red;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 10%;
}



/*
*pay
**/
.body{
	background-color: #eff0f1;
}
.pay-top{
	height: 50px;
	background-color: #fff;
}
.pay-top-context{
	width: 1000px;
	margin: 0 auto;
	height: 50px;
	line-height:50px;
	font-size: 20px;
	color: #1a1a1a;
}
.payinfo-class{
	height: 100px;
    width: 1000px;
	margin:0 auto;
}
.pay-class{
	padding-top: 10px;
	padding-left: 10px;
	border-top:2px #b3b3b3 solid;
	border-bottom:2px #b3b3b3 solid;
	background-color: #fff;
	width:1000px;
	height: 200px;
	margin:0 auto;
}
.pay-class-top{
	border:4px #85a1d4 solid;
	padding: 5px;
}

.pay-class-middle{
	padding: 5px;
}
.pay-class-bottom{
	margin-top: 20px;
	padding: 5px;
}
.pay-class-bottom a{
  display: block;
   background: #00aaee;
   width: 100px;
   height: 30px;
   line-height: 30px;
   text-decoration: none;
   text-align: center;
   color: #fff;


}